<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title>产品咨询</title>
<link rel="stylesheet" type="text/css" href="../lib/css/bootstrap.min.css">
<script src="../lib/js/jquery.min.js"></script>
<script src="../lib/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="../lib/plugin/bootstrap-hover-dropdown.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/commom.js"></script>
<!-----------------当前页面额外调用 写下面----------------------->
      
    <script src="../widget/bootstrapValidate/js/formValidation.js"></script>
    <script src="../widget/bootstrapValidate/js/framework/bootstrap.min.js"></script>
    <script src="../widget/bootstrapValidate/js/language/zh_CN.js"></script>
    <link rel="stylesheet" type="text/css" href="../widget/bootstrapValidate/css/formValidation.min.css">
    
</head>

<body>
     <div class="container container-box">
       <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-12 hidden-xs">
                    <div class="logo-box"> <a href="index.html" class="pic"><img src="images/logo.jpg"></a> <a href="#" class="txt">天津食尊聚尚餐饮管理有限公司</a> </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12"> 
                    
                    <!-------------------------------------------导航 start-------------------------------------------------------->
                    <nav class="navbar navbar-default">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                            <a class="navbar-brand visible-xs" href="index.html">众事达信息技术有限公司</a> </div>
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav">
                                <li class="active"><a href="index.html">网站首页</a></li>
                                <li><a href="company.html">公司简介</a></li>
                                <li class="dropdown"> <a href="productlist.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="100" role="button" aria-expanded="false">产品列表 <span class="caret"></span></a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="productlist.html">炒蔬菜</a></li>
                                        <li><a href="productlist.html">炒肉类</a></li>
                                        <li><a href="productlist.html">炒地瓜</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown"> <a href="newslist.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="100" role="button" aria-expanded="false">新闻列表 <span class="caret"></span></a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="newslist.html">国际新闻</a></li>
                                        <li><a href="newslist.html">国内新闻</a></li>
                                    </ul>
                                </li>
                                <li><a href="photolist.html">图库展示</a></li>
                                <li><a href="recruit.html">人才招聘</a></li>
                                <li><a href="messagelist.html">在线留言</a></li>
                                <li><a href="downlist.html">下载中心</a></li>
                                <li><a href="aboutus.html">关于我们</a></li>
                                <li><a href="videolist.html">视频列表</a></li>
                            </ul>
                        </div>
                    </nav>
                    <!--------------------------------------------头部 end---------------------------------------------------------> 
                </div>
            </div>
        </div>
    </div>
       <div class="row subcontainer-row">
         <div class="col-md-3 visible-lg visible-md">
              <div class="cs-box-item mt15">
                  <div class="cs-box-hd">
                          <span class="name-c">产品列表</span>
                  </div>
                  <div class="cs-box-bd">
                      <div class="sidebar-navbox">
                           <ul class="sidebar-navlist">
                              <li class="oncurr"><a href="#"><i class="glyphicon glyphicon-menu-right"></i>炒蔬菜</a></li>
                              <li><a href="#"><i class="glyphicon glyphicon-menu-right"></i>炒水果</a></li>
                              <li><a href="#"><i class="glyphicon glyphicon-menu-right"></i>烧肉类</a></li>
                           </ul>
                      </div>
                  </div>
              </div>
              <div class="cs-box-item mt15">
                      <div class="cs-box-hd">
                              <span class="name-c">产品分类</span> 
                      </div>
                      <div class="cs-box-bd">
                          <div class="h-col-box clearfix">
                             <ul class="sub-menu">
                               <li><a href="/Products/class/8" title="新型环保标砖">新型环保标砖</a></li>
                               <li><a href="/Products/class/7" title="新型环保五孔砖">新型环保五孔砖</a></li>
                               <li><a href="/Products/class/9" title="新型井壁模块">新型井壁模块</a></li>
                               <li><a href="/Products/class/8" title="新型环保标砖">新型环保标砖</a></li>
                               <li><a href="/Products/class/7" title="新型环保五孔砖">新型环保五孔砖</a></li>
                               <li><a href="/Products/class/9" title="新型井壁模块">新型井壁模块</a></li>
                               <li><a href="/Products/class/8" title="新型环保标砖">新型环保标砖</a></li>
                               <li><a href="/Products/class/7" title="新型环保五孔砖">新型环保五孔砖</a></li>
                               <li><a href="/Products/class/9" title="新型井壁模块">新型井壁模块</a></li>
                             </ul>
                          </div>
                      </div>
             </div>
                
               <div class="sidebar-contactphone mt15">
                  <a href="aboutus.html" class="btn btn-danger btn-lg visible-lg visible-md visible-sm"><span class="glyphicon glyphicon-earphone mr10"></span>联系我们</a>
                  <a href="tel:18559160494" class="btn btn-danger btn-lg visible-xs"><span class="glyphicon glyphicon-earphone mr10"></span>联系我们</a>
               </div>
         </div>
         <div class="col-md-9">
             <div class="breadcrumb breadnav mt15"><b>您当前的位置：</b> <a href="#">首页</a>→ <span>产品咨询</span></div>
             
             <div class="sub-diff-pagebox">
<!----------------------内页开始 start--------------------------------->
              <script type="text/javascript">
      $(function(){
		  $('#product-form').formValidation({
			    message: 'This value is not valid',
			    locale: 'zh_CN', 
				icon: {
					valid: 'glyphicon glyphicon-ok',
					invalid: 'glyphicon glyphicon-remove',
					validating: 'glyphicon glyphicon-refresh'
				},
				fields: {
					username:{
					   validators: {
						  notEmpty: {
								message: '请输入联系人！'
						  } 
					   }	
				    },
					phonenumber:{
						validators: {
						   notEmpty: {
								message: '请输入手机号码！'
							}, 
							regexp: {
								regexp: /^0?1[3|4|5|8][0-9]\d{8}$/,
								message: ' '
							}	
						}	
					},
					email:{
						validators: {
						   notEmpty: {
								message: '请输入邮箱！'
							}, 
							regexp: {
								regexp: /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/,
								message: ' '
							}	
						}	
					},
					address:{
						validators: {
						   notEmpty: {
								message: '请输入详细地址！'
							}
						}	
					},
					purchasenum:{
						validators: {
						   notEmpty: {
								message: '请输入购买数量！'
						   },
						   regexp: {
								regexp: /^[0-9]{1,20}$/,
								message: ' '
							}	
						   
						}	
					},
					yzmcode:{
						validators: {
						   notEmpty: {
								message: '请输入验证码！'
						   }
						}	
					}
					
			    }
				
		  })
		 
		    
      })
    </script>
                      <div class="product-xjbox">
                           <form class="form-horizontal" role="form" method="post"  id="product-form" action="" >
                                  <div class="form-group">
                                    <label for="inputEmail3" class="col-sm-2 control-label"><span class="red">*</span>联系人</label>
                                    <div class="col-sm-4">
                                      <input type="text" class="form-control" name="username" />
                                    </div>
                                  </div>
                                  <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-2 control-label"><span class="red">*</span>联系电话</label>
                                    <div class="col-sm-4">
                                      <input type="text" class="form-control"   name="phonenumber"/>
                                    </div>
                                  </div>
                                  <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-2 control-label"><span class="red">*</span>电子邮箱</label>
                                    <div class="col-sm-4">
                                      <input type="email" class="form-control" name="email" />
                                    </div>
                                  </div>
                                  <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-2 control-label"><span class="red">*</span>详细地址</label>
                                    <div class="col-sm-7">
                                      <input type="text" class="form-control" name="address">
                                    </div>
                                  </div>
                                  <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-2 control-label">备注</label>
                                    <div class="col-sm-7">
                                      <textarea class="form-control" rows="3"></textarea>
                                    </div>
                                  </div>
                                  
                                  <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-2 control-label">价格(元)</label>
                                    
                                       <input type="text" class="form-control disabled-input product-price" disabled value="10">
                                   
                                  </div>
                                  <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-2 control-label"><span class="red">*</span>数量</label>
                                    <div class="col-sm-2">
                                      <input type="number" class="form-control" min="0" name="purchasenum"  value="1">
                                    </div>
                                  </div>
                                  <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-2 control-label">总价(元)</label>
                                    
                                    <input type="text" class="form-control disabled-input product-price" disabled  pattern="/^[0-9]{1,20}$/" value="10" />
                                   
                                  </div>
                                  <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-2 control-label"><span class="red">*</span>验证码</label>
                                    <div class="col-sm-3 mb10">
                                     <input type="text" class="form-control" name="yzmcode" />
                                    </div>
                                     <div class="col-sm-3">
                                       <img src="images/demo/ValidateCode.gif" class="yzm-code" />
                                    </div>
                                  </div>
                                  <div class="form-group">
                                    <div class="col-sm-offset-2 col-sm-2">
                                      <input type="submit" class="btn btn-success subtn" value="提交">
                                    </div>
                                    <div class="col-sm-2">
                                      <input type="reset" class="btn btn-default  resetbtn" value="重置">
                                    </div>
                                  </div>
                                 
                          </form>
                      </div>
                      
<!----------------------内页开始 end--------------------------------->
             </div>
         </div>
       </div> 
       
      
      
       
      
      <div class="row">
        <div class="col-md-12">
            <div class="footer-box">
               <div class="footer-nav">
                  <a target="_self" href="/about/index.html">公司简介</a> |
                  <a target="_self" href="/news">新闻内容</a> |
                  <a target="_self" href="/products">产品展示</a> |
				  <a target="_self" href="/friendlinks">友情链接</a> |
				  <a target="_self" href="/about/contact.html">联系我们</a> 
               </div>
               <div class="footer-copyright">
                  <p>地 址 ：福建省福州市台江区光明南路1号升龙汇金中心2010 联系电话：0591-88088625 传真号码：0591-88088322</p>
                  <p>Copyright（C）2011 福州环天燃料科技有限公司 ,Inc. All rights reserved Powered By 城市之星</p>
               </div>
            </div>
        </div>
      </div>
   </div>
  
</body>
</html>
